CSS rollover (마우스 오버효과) :: HTML일반[SSISO Community]
 
SSISO 카페 SSISO Source SSISO 구직 SSISO 쇼핑몰 SSISO 맛집
추천검색어 : JUnit   Log4j   ajax   spring   struts   struts-config.xml   Synchronized   책정보   Ajax 마스터하기   우측부분

HTML일반
[1]
등록일:2008-04-01 10:38:41 (0%)
작성자:
제목:CSS rollover (마우스 오버효과)
마우스를 올리면 그림이 바뀌는 마우스 오버효과를 스타일시트로 할수있다.^^
 


1
2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<HTML>

<HEAD>
<TITLE> CSS RollOver </TITLE>
</HEAD>
  
<BODY>
  
<style>

   a.rollover img { border-width:0px; display:inline; }
   a.rollover img.over { display:none; }
  
   a.rollover:hover { border:0px }
   a.rollover:hover img { display:none; }
   a.rollover:hover img.over { display:inline; }

</style>
  
<div class="rollover">
   <a href="#test" class="rollover"><img src="http://www.blueb.co.kr/bbs/table/JS_50/upload/s_blue.gif"><img src="http://www.blueb.co.kr/bbs/table/JS_50/upload/s_yellow.gif" class="over"></a>
   <a href="#test" class="rollover"><img src="http://www.blueb.co.kr/bbs/table/JS_50/upload/s_red.gif"><img src="http://www.blueb.co.kr/bbs/table/JS_50/upload/s_green.gif" class="over"></a>
</div>

</BODY>

</HTML>
[본문링크] CSS rollover (마우스 오버효과)
[1]
코멘트(이글의 트랙백 주소:/cafe/tb_receive.php?no=3401
작성자
비밀번호

 

SSISOCommunity

[이전]

Copyright byCopyright ⓒ2005, SSISO Community All Rights Reserved.